<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>1.初识Vue</title>
    <script type="text/javascript" src="../js/vue.js"></script>
</head>

<body>

    <!-- 
        总结:
            1.想让Vue工作,就必须创建一个Vue实例对象,且必须传入一个配置对象
            2.demo容器中的代码,依然符合html规范,事不过其中混入了一些特殊的Vue语法
            3.demo容器中的html代码+Vue语法, 称之为Vue模板

     -->
     <div id="demo">
         <h1>hi,{{name}}</h1>
     </div>
     <script  type="text/javascript">
         Vue.config.productionTip = false //阻止 Vue 在启动时产生的生产提示

        //  创建一个Vue实例对象
        new Vue({
            el:'#demo', //el指定当前的Vue实例服务于那个容器 值为css选择器
            data:{ // data用与配置数据
                name:'哀木涕'
            }
        })
     </script>
    </script>
</body>

</html>